<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/inc/taglib.inc" %>
<%@ include file="/WEB-INF/inc/script.inc" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<base href="${base}">
    <title>中金通 | 员工佣金</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">

	<!-- Data Tables -->
    <link href="css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
    <link href="css/plugins/dataTables/dataTables.responsive.css" rel="stylesheet">
    <link href="css/plugins/dataTables/dataTables.tableTools.min.css" rel="stylesheet">

    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">

</head>
<body>
    <div id="wrapper">
    	<!-- 左侧菜单 -->
        <jsp:include page="/WEB-INF/jsp/common/main-menu.jsp"></jsp:include>

        <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom">
        <!-- 头部工具栏区 -->
        <jsp:include page="/WEB-INF/jsp/common/main-header.jsp"></jsp:include>
        </div>
        <div class="row wrapper border-bottom white-bg page-heading">
             <div class="col-lg-10">
                 <h2>财务管理</h2>
                 <ol class="breadcrumb">
                     <li>
                         <a href="common/platform">Home</a>
                     </li>
                     <li>
                         <a href="commissionPay/list">员工佣金</a>
                     </li>
                     <li class="active">
                         <a href="commissionPay/list"><strong>员工佣金</strong></a>
                     </li>
                </ol>
               </div>
            <div class="col-lg-2">

            </div>
        </div>
		
		<div class="row" style="margin-top:10px;">
			<div class="col-md-12">
                 <div class="tabs-container">
                     <ul class="nav nav-tabs">
                        <li class="active">
							<a href="commissionPay/list">
								员工佣金
							</a>
						</li>
						<!-- <li>
							<a href="product/add">
								 新增产品
							</a>
						</li> -->
                     </ul>
                  	 <div class="tab-content">
                   		<div class="tab-pane active">
                            <div class="panel-body">
                            	 <input type="hidden" id="employeeName" value="${employeeName}" class="form-control">
                                 <div class="wrapper wrapper-content animated fadeInRight ecommerce">
						                <form id="queryForm" method="post">
							                    <input type="hidden" id="employeeId" name="employeeId" value="${employeeId}" class="form-control">
							                    <div style="margin-left: 2.33333333%">
							                    <div class="form-group">
													<button type="button" id="saveSettle" class="btn btn-primary">全部结算</button>
												</div>
												</div>
										</form>
						  			<div class="row">
						                <div class="col-lg-12">
						                    <div class="ibox float-e-margins">
						                        <div class="ibox-content">
						                            <table id="modelEditable" class="table table-striped table-bordered table-hover">
						                                <thead>
						                                <tr>
						                                	<th><input type="checkbox" value="" id="allSelected">全选</th>
						                                    <th>支付时间</th>
						                                    <th>订单编号</th>
						                                    <th>销售额</th>
						                                    <th>比例</th>
						                                    <th>金额</th>
						                                    <th>状态</th>
						                                    <th>结算人</th>
						                                    <th>结算时间</th>
						                                    <th style="background-color:white;">操作</th>
						                                </tr>
						                                </thead>
						                                <tbody>
						                                </tbody>
						                            </table>
						
						                        </div>
						                    </div>
						                </div>
						            </div>
            
        							</div>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
		</div>
		
        <!-- 底部版权 -->
        <jsp:include page="/WEB-INF/jsp/common/main-footer.jsp"></jsp:include>
		<!-- 结算页面 -->
		<div class="modal inmodal" id="settleModal" tabindex="-1" role="dialog"
			aria-hidden="true">
			<div class="modal-dialog modal-md">
				<div class="modal-content animated fadeIn">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal">
							<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
						</button>
						<h4 class="modal-title">确认结算</h4>
					</div>
					<div class="modal-body">
						<div id="settleBody"></div>
						<script id="settleTemplate" type="text/x-jquery-tmpl">
						<form action="" class="ibox-content p-xl" id="settleForm">
                            <div class="row">
									<div class="form-group">
										<input type="text" name="id" class="hidden" value="{{= id}}">
									</div>
                            </div>
							<div class="row">
									<div class="form-group">
										<div class="col-sm-12">
										<span class="detail-content">{{= employeeName}} {{= content}}</span>
										</div>
									</div>
							</div>
                        </form>
						</script>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-white" data-dismiss="modal">取消</button>
						<button type="submit" class="btn btn-primary" id="settleConfirm">确认</button>
					</div>
				</div>
			</div>
		</div>
        </div>
        </div>

    <!-- Mainly scripts -->
    <script src="js/jquery-2.1.1.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="js/plugins/jeditable/jquery.jeditable.js"></script>
	<script src="js/jquery.serialize-object.min.js" type="text/javascript"></script>
    <!-- Custom and plugin javascript -->
    <script src="js/inspinia.js"></script>
    <script src="js/plugins/pace/pace.min.js"></script>
	<script src="js/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
	<script src="js/jquery.tmpl.min.js" type="text/javascript"></script>
    <!-- Data picker -->
    <script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>

    <!-- Data Tables -->
    <script src="js/plugins/dataTables/jquery.dataTables.min.js"></script>
    <script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
    <script src="js/plugins/dataTables/dataTables.responsive.js"></script>
    <script src="js/plugins/dataTables/dataTables.tableTools.min.js"></script>
    
    <!-- 业务 -->
    <script src="js/pay/commission-module-employee.js?v=${jsVersion}"></script>
    <script src="js/product/FormatUtils.js?v=${jsVersion}"></script>

    <!-- Page-Level Scripts -->
    <script>
        $(document).ready(function() {
        	CommissionPayModule.init();
        	
            //$('.footable').footable();

            $('#payStartTime').datepicker({
                todayBtn: "linked",
                keyboardNavigation: false,
                forceParse: false,
                calendarWeeks: true,
                autoclose: true
            });

            $('#payEndTime').datepicker({
                todayBtn: "linked",
                keyboardNavigation: false,
                forceParse: false,
                calendarWeeks: true,
                autoclose: true
            });
            
           /*  $('#orderStartTime').datepicker({
                todayBtn: "linked",
                keyboardNavigation: false,
                forceParse: false,
                calendarWeeks: true,
                autoclose: true
            });

            $('#orderEndTime').datepicker({
                todayBtn: "linked",
                keyboardNavigation: false,
                forceParse: false,
                calendarWeeks: true,
                autoclose: true
            });
 */
        });

    </script>

</body>
</html>